<template>
    <div class="footer">
        <div class="footer1">
            <h2>友情链接:</h2>
            <div class="nav">
                <a :href="item.dictValue" v-for="(item,index) in list" :key="index"><span>{{item.dictLabel}}</span></a>
            </div>
            <div class="bottom">
                <span>Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</span>
            </div>
        </div>
    </div>
</template>

<script>
    import {getfriend} from "../api/api";

    export default {
        name: "footer11",
        data(){
            return{
                list:[]
            }
        },
        created() {
            getfriend().then(res=>{
                // console.log(res);
                this.list = res.rows;
            })
        }
    }
</script>

<style lang="less" scoped>
    .footer{
        background-color: #333333;
        .footer1{
            height: 197px;
            width: 1200px;
            padding: 20px 0;
            margin: 0 auto;
            box-sizing: border-box;
            color: #999999;
            h2{
                padding: 0;
                margin: 0;
                margin: 14px 0;
                color: #999999;
                font-size: 22px;
                line-height: 30px;
            }
            .nav{
                height: 40px;
                line-height: 40px;
                span{
                    margin-right: 30px;
                    transition: color .3s;
                    font-size: 14px;
                    cursor: pointer;
                    color: #999999;
                }
                span:hover{
                    color: #42b983;

                }



                }
            .bottom{
                height: 40px;
                width: 1000px;
                margin: 12px auto 0;
                border-top: 1px solid #444444;
                line-height: 40px;
                text-align: center;
                span{

                    font-size: 14px;
                }
                span:hover{
                    background-color: white;
                }
            }
        }
    }
</style>